<template>
    <div>
        <h1>App</h1>
        <input type="text" v-model="title">{{ title }}
    </div>
</template>
<script setup>
import { onBeforeUnmount, ref, onMounted, onUnmounted, onUpdated } from 'vue';
// created
const flag = true;
const title = ref('title');
onMounted(() => {
    console.log('onMounted');
});
onUpdated(() => {
    console.log('onUpdated');
});
onUnmounted(() => {
    console.log('onUnmounted');
});
</script>

<style>
div {
    border: solid;
    padding: 10px;
}
</style>